/**
 * Created by lvlq on 16/3/2.
 */
$(function () {
    var doAin = function () {
        $(".old-tong").addClass("fadeOut");
        $(".new-tong").addClass("fadeIn");

        $(".old-tong").one(aniend, function () {
            $(".old-tong").css("opacity", 0).removeClass("fadeOut");
        });

        $(".new-tong").one(aniend, function () {
            $(".new-tong").css("opacity", 1).removeClass("fadeIn");

            $(".hand").animate({
                'transform': 'translate(435px,211px)',
                '-webkit-transform': 'translate(435px,211px)'
            }, 1000, "linear", function () {
                $(".w-1").addClass("fadeInDown");
            });
        });

        $(".w-1").one(aniend, function () {
            $(".w-1").css("opacity", 1).removeClass("fadeInDown");

            $(".hand").animate({
                'transform': 'translate(435px,284px)',
                '-webkit-transform': 'translate(435px,284px)'
            }, 1000, "linear", function () {
                $(".w-2").addClass("fadeInDown");
            });
        });

        $(".w-2").one(aniend, function () {
            $(".w-2").css("opacity", 1).removeClass("fadeInDown");

            $(".hand").animate({
                'transform': 'translate(435px,352px)',
                '-webkit-transform': 'translate(435px,352px)'
            }, 1000, "linear", function () {
                $(".w-3").addClass("fadeInDown");
            });
        });

        $(".w-3").one(aniend, function () {
            $(".w-3").css("opacity", 1).removeClass("fadeInDown");

            $(".hand").animate({
                'transform': 'translate(435px,421px)',
                '-webkit-transform': 'translate(435px,421px)'
            }, 1000, "linear", function () {
                $(".w-4").addClass("fadeInDown");
            });
        });

        $(".w-4").one(aniend, function () {
            $(".w-4").css("opacity", 1).removeClass("fadeInDown");

            $(".hand").animate({
                'transform': 'translate(435px,493px)',
                '-webkit-transform': 'translate(435px,493px)'
            }, 1000, "linear", function () {
                $(".w-5").addClass("fadeInDown");
            });
        });

        $(".w-5").one(aniend, function () {
            $(".w-5").css("opacity", 1).removeClass("fadeInDown");
            $(".w-1").removeAttr("style");
            $(".w-2").removeAttr("style");
            $(".w-3").removeAttr("style");
            $(".w-4").removeAttr("style");
            $(".w-5").removeAttr("style");

            $(".old-tong").animate({
                "opacity": 1
            }, 1000, "linear");

            $(".new-tong").animate({
                "opacity": 0
            }, 1000, "linear");

            $(".hand").animate({
                'transform': 'translate(657px,209px)',
                '-webkit-transform': 'translate(657px,209px)'
            }, 1000, "linear", function () {
                setTimeout(function () {
                    doAin();
                }, 1000);
            });
        });

    };
    doAin();
});